<script setup lang="ts" name="app">
import { storeToRefs } from 'pinia'
import { useAppStoreWithOut } from '@/store/modules/app'
import { useLocaleStore } from '@/store/modules/locale'
import { useInit } from '@/hooks/web/useInit'
const { variables } = useDesign()
const appStore = useAppStoreWithOut()
const { systemConfig } = storeToRefs(appStore)
// 多语言相关
const localeStore = useLocaleStore()
const { currentLocale } = storeToRefs(localeStore)
useInit()
</script>

<template>
  <ElConfigProvider :namespace="variables.elNamespace" :locale="currentLocale.elLocale" :size="systemConfig.size" :message="{ max: 5 }" :value-on-clear="undefined" :empty-values="[undefined, null]">
    <RouterView />
  </ElConfigProvider>
</template>
